.introjs-tooltip-header {
  display: none;
}

.introjs-arrow{
  display: none !important;
}

.introjs-helperLayer{
  /* border-image: url("@/assets/guide/border.png");
  border-image-slice: 27 27 27 27;
  border-image-width: 8px;
  border-image-outset: 2px; */
  outline: 6px solid #FDDE40;
  box-shadow: unset !important;

  /* box-shadow: #ecb910 0 0 1px 1px,#FDDE40 0 0 1px 5px,
    transparent 0 0 0 5000px !important; */
}

.hvr-buzz{
  animation-name: hvr-buzz;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes hvr-buzz {
  94% {
      transform: translateX(0) rotate(0deg);
  }

  96% {
    transform: translateX(-12px) ;
  }

  98% {
    transform: translateX(12px) ;
  }

  100% {
    transform: translateX(-12px);
  }
}


.border-none{
  border: none !important;
}

.introjs-tooltiptext {
  position: relative;
  padding: 5px 5px;
  font-family: title, sans-serif;
  font-size: 24px;
  color:#E38710;

}

.introjs-tooltiptext::before{
  position: absolute;
  top: -4px;
  left: -9px;
  width: 70px;
  height: 14px;
  content: '';
  background-image: url("@/assets/guide/tooltip_mark.png");
  background-size: 100% 100%;
  transform: skewX(10deg);
  transform: scale(.8);
}

.introjs-tooltip{
  width:max-content;
  min-width: unset;
  filter: drop-shadow(0 0 0.75rem #f7df59);
  box-shadow:unset;
  transform: skewX(-10deg);
}


.introjs-overlay, .introjs-tooltipReferenceLayer, .introjs-helperLayer{
  /* z-index: 10; */
}
.introjs-overlay{
  z-index: 10 !important;
}
